<div class="box box-default">
    <div class="box-body">
        <form class="form-inline">
            <div class="form-group">
                <label class=" control-label">附件名称：</label>
                <input type="email" class="form-control" id="inputEmail3" placeholder="附件名称">
            </div>
            <div class="form-group">
                <label class=" control-label">产品名称：</label>
                <input type="email" class="form-control" id="inputEmail3" placeholder="产品名称">
            </div>
            <div class="form-group">
                <label>分类：</label>
                <select class="form-control">
                    <option value="1">产品合同</option>
                    <option value="2">招募说明书</option>
                    <option value="3">代销协议</option>
                    <option value="4">托管协议</option>
                    <option value="5">备案函</option>
                    <option value="6">开户材料</option>
                </select>
            </div>
            <div class="form-group">
                <!-- <label>分类：</label> -->
                <select class="form-control">
                    <option selected="selected">-----请选择-----</option>
                    <option>选择一</option>
                    <option>选择二</option>
                    <option>选择三</option>
                    <option>选择四</option>
                    <option>选择五</option>
                </select>
            </div>
            <button type="button" class="btn btn-primary"><i class="fa fa-search"></i>查询</button>
        </form>
    </div>
</div>
<div class="box box-default">
    <div class="box-body">
        <!-- <hr> -->
        <table class="table table-bordered table-hover table-striped">
            <thead>
                <tr>
                    <th></th>
                    <th>附件名</th>
                    <th>文件类别</th>
                    <th>提交部门</th>
                    <th>上传者</th>
                    <th>修改日期</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let item of stageList">
                    <td>
                        <input type="checkbox">
                    </td>
                    <td><a>{{item.name}}</a></td>
                    <td>
                        {{item.groupType}}
                    </td>
                    <td>{{item.dept}}</td>
                    <td>{{item.user}}</td>
                    <td>{{item.time}}</td>
                    <td>
                        <a class="btn-xs btn-primary" (click)="view()">
                            <i class="fa fa-edit"></i> 查看基金信息
                        </a>
                        <a class="btn-xs btn-primary">
                            <i class="fa fa-edit"></i> 编辑
                        </a>
                        <a class="btn-xs btn-info">
                            <i class="fa fa-download"></i> 下载
                        </a>
                        <a class="btn-xs btn-warning" (click)="showModal()">
                            <i class="fa fa-history"></i> 历史
                        </a>
                        <a class="btn-xs btn-danger">
                            <i class="fa fa-remove"></i> 删除
                        </a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="box-footer clearfix">
        <ul class="pagination pagination-sm no-margin pull-right">
            <li><a>&laquo;</a></li>
            <li class="active"><a>1</a></li>
            <li><a>2</a></li>
            <li><a>3</a></li>
            <li><a>&raquo;</a></li>
        </ul>
    </div>
</div>
<div class="modal fade in" id="stage-modal" style="display: none; padding-left: 0px;">
    <!--模态框-->
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">×</button>
                <h4>历史附件</h4>
            </div>
            <div class="modal-body" id="fileVersionListModalBody">
                <div class="bootstrap-table">
                    <div class="fixed-table-toolbar"></div>
                    <div class="fixed-table-container" style="padding-bottom: 0px;">
                        <div class="fixed-table-header" style="display: none;">
                            <table></table>
                        </div>
                        <div class="fixed-table-body">
                            <table class="table table-hover table-striped" id="fileVersion-listTable">
                                <thead>
                                    <tr>
                                        <th style="" data-field="vcFileName" tabindex="0">
                                            <div class="th-inner ">附件名</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="" data-field="fileTypeName" tabindex="0">
                                            <div class="th-inner ">文件类别</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="" data-field="orgname" tabindex="0">
                                            <div class="th-inner ">提交部门</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="" data-field="emname" tabindex="0">
                                            <div class="th-inner ">上传者</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="" data-field="dtRecordTime" tabindex="0">
                                            <div class="th-inner ">上传时间</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="" data-field="LVersion" tabindex="0">
                                            <div class="th-inner ">版本</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                        <th style="" data-field="downloadUrl" tabindex="0">
                                            <div class="th-inner ">操作</div>
                                            <div class="fht-cell"></div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr data-index="0">
                                        <td style="">
                                            <font title="董事会决议.docx" alt="董事会决议.docx">董事会决议.docx</font>
                                        </td>
                                        <td style="">董事会决议</td>
                                        <td style="">三组</td>
                                        <td style="">冯金峰</td>
                                        <td style="">2017-05-03</td>
                                        <td style="">3</td>
                                        <td style="">
                                            <a class="glyphicon glyphicon-download-alt downloadlink fileVersion-list-glyphicon" target="_blank" title="下载" alt="下载"></a>
                                            <a class="glyphicon glyphicon-trash fileVersion-list-glyphicon" data-deletelink="444481" href="javascript:void(0)" title="删除" alt="删除"></a>
                                        </td>
                                    </tr>
                                    <tr data-index="1">
                                        <td style="">
                                            <font title="董事会决议.docx" alt="董事会决议.docx">董事会决议.docx</font>
                                        </td>
                                        <td style="">董事会决议</td>
                                        <td style="">三组</td>
                                        <td style="">冯金峰</td>
                                        <td style="">2017-05-03</td>
                                        <td style="">2</td>
                                        <td style="">
                                            <a class="glyphicon glyphicon-download-alt downloadlink fileVersion-list-glyphicon" target="_blank" title="下载" alt="下载"></a>
                                            <a class="glyphicon glyphicon-trash fileVersion-list-glyphicon" data-deletelink="444480" href="javascript:void(0)" title="删除" alt="删除"></a>
                                        </td>
                                    </tr>
                                    <tr data-index="2">
                                        <td style="">
                                            <font title="董事会决议.docx" alt="董事会决议.docx">董事会决议.docx</font>
                                        </td>
                                        <td style="">董事会决议</td>
                                        <td style="">三组</td>
                                        <td style="">冯金峰</td>
                                        <td style="">2017-05-03</td>
                                        <td style="">1</td>
                                        <td style="">
                                            <a class="glyphicon glyphicon-download-alt downloadlink fileVersion-list-glyphicon" target="_blank" title="下载" alt="下载"></a>
                                            <a class="glyphicon glyphicon-trash fileVersion-list-glyphicon" data-deletelink="444467" href="javascript:void(0)" title="删除" alt="删除"></a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="fixed-table-footer" style="display: none;">
                            <table>
                                <tbody>
                                    <tr></tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="fixed-table-pagination">
                            <div class="pull-left pagination-detail"><span class="pagination-info">显示第 1 到第 3 条记录，总共 3 条记录</span><span class="page-list" style="display: none;">每页显示 <span class="btn-group dropup"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="page-size">10</span> <span class="caret"></span></button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="javascript:void(0)">5</a></li>
                                </ul>
                                </span> 条记录</span>
                            </div>
                            <div class="pull-right pagination" style="display: none;">
                                <ul class="pagination">
                                    <li class="page-pre"><a href="javascript:void(0)">‹</a></li>
                                    <li class="page-number active"><a href="javascript:void(0)">1</a></li>
                                    <li class="page-next"><a href="javascript:void(0)">›</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="modal-footer">
                <div class="form-group">
                    <div class="col-sm-4 col-sm-offset-3">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
